<template>
    <div>
      <h1>社团活动</h1>
      <p>这里可以考虑把微信公众号推文想办法放到这里</p>
      <ul>
        <li v-for="event in events" :key="event.id">
          {{ event.name }} - {{ event.date }}
        </li>
      </ul>
    </div>
  </template>
  
  <script>
  export default {
    // eslint-disable-next-line vue/multi-word-component-names
    name: 'Events',
    data() {
      return {
        events: [
          { id: 1, name: 'iOS Workshop', date: 'June 30, 2023' },
          { id: 2, name: 'App Showcase', date: 'July 15, 2023' },
          { id: 3, name: 'Guest Speaker', date: 'August 5, 2023' }
        ]
      }
    }
  }
  </script>
  
  <style scoped>
  h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  
  ul {
    list-style-type: none;
    padding: 0;
  }
  
  li {
    font-size: 18px;
    margin-bottom: 10px;
  }
  </style>
  